@charset "utf-8";
@charset "utf-8";
/* CSS Document */
html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,small,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style:none;font-style:normal;}
body{font-family:Microsoft YaHei,Verdana,Arial,SimSun;font-size:14px;color:#666;background:#F8F8F8;}
a{color:#666;text-decoration:none;cursor:pointer;}
/* header-h1 pop-h2 page-h3 h4 h5 h6 */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:500;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;font-size:75%;}
h3,h4{font-size:14px;}
h5,h6{font-size:12px;}
small{font-size:75%;}
i{font-style:normal;}
input{outline:none;vertical-align:middle;}
input::-moz-focus-inner{margin:0;padding:0;border:0;}
input[type="text"],input[type="password"],input[type="tel"],input[type="date"],input[type="week"],input[type="month"],
input[type="time"],input[type="datetime"],input[type="datetime-local"]{-webkit-appearance:none;margin:0;padding:0;}
/* comm */
.none, #none, #hide, .hide{display:none;}
.block, #block, #show, .show{display:block;}
/* page btn */
.nccp-btn{clear:both;height:auto;overflow:hidden;margin:10px 15px;text-align:center;}
.nccp-btn a,.nccp-btn button{border-radius:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.nccp-btn a,.nccp-btn button{display:block;width: 100%;padding:5px 15px;font-size:16px;text-align:center;text-decoration:none;line-height:35px;background:#00A69A;color:#FFF;}
.nccp-btn button:disabled{background: #ccc;}
/* pop div */
.nccp-bg{display:none;z-index:1099;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.nccp-pop-div{display:none;z-index:1100;position:fixed;left:10%;top:10%;width:80%;margin:0 auto;max-height:80%;background:#FFF;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.nccp-popx{cursor:pointer;position:absolute;right:5px;top:5px;border:0;width:25px;height:25px;font-size:24px;-webkit-appearance:none;border-radius:50%;}
.nccp-popx::before, .nccp-popx::after{content:'';position:absolute;left:2px;top:12px;width:22px;height:2px;background:#999;border-radius:3px;}
.nccp-popx::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.nccp-popx::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.nccp-pop-div .nccp-btn a{padding:0 15px;}
/* pop con */
.nccp-pop-tit{clear:both;height:auto;overflow:hidden;padding:0 15px;font-size:14px;line-height:40px;background:#FFF;border-bottom:1px solid #DDD;border-top-left-radius:5px;border-top-right-radius:5px;}
.nccp-pop-con{clear:both;height:auto;overflow:hidden;padding:10px 15px;}
.nccp-btn.nccp-btn2{margin:15px 2%;}
.nccp-btn.nccp-btn2 a{display:inline-block;width:44%;margin:0 2%;font-size:14px;}
.nccp-btn.nccp-btn2 a:last-child{background:#666;color:#FFF;}
.nccp-pop-con .nccp-pop-close{clear:both;border-top:1px solid #DDD;font-size:14px;color:#00A69A;line-height:40px;text-align:center;}
.nccp-pop-con .nccp-pop-close a{display:block;color:#00A69A;}
.nccp-pop-select{clear:both;height:auto;overflow:hidden;margin:10px 15px;}
.nccp-pop-select select{clear:both;width:100%;margin-top:15px;height:40px;line-height:40px;font-size:14px;color:#666;border:1px solid #999;}
.nccp-pop-radio ul{padding: 10px 15px 0 15px;}
.nccp-pop-radio ul label{display: block;line-height: 30px;}
.nccp-pop-radio ul label input[type='radio']{margin: 0 5px 0 0;}
/* ui-header */
.ui-header{position:relative;display:block;background:#00A69A;color:#FFF;height:auto;line-height:20px;font-size:14px;}
.ui-header h1{display:block;margin:0 30px;padding:10px 0;height:20px;font-size:14px;text-align:center;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;outline:0 !important;}
.ui-header .nccp-back{color:#FFF;cursor:pointer;display:inline-block;position:absolute;left:10px;top:50%;margin:-5px 0;width:8px;height:8px;border-top:2px solid #FFF;border-right:2px solid #FFF;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.ui-header .nccp-icon-back{position: absolute;left:10px;top: 50%;margin-top: -10px;height: 20px;line-height: 20px;padding-left: 20px;color: #fff;background: url("../images/icon-header.png") no-repeat left 0;background-size: 20px;}
.ui-header .nccp-icon-user{position: absolute;right:10px;top: 50%;margin-top: -10px;height: 20px;width: 20px;color: #fff;background: url("../images/icon-header.png") no-repeat left -40px;background-size: 20px;}
  /* base end */
.ui-content{clear:both;height:auto;overflow:hidden;}
.ui-content h4{clear:both;padding:5px 10px;line-height:25px;font-size:14px;color:#333;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.ui-content h4.blank{margin-top:10px;}
.nccp-part{clear:both;height:auto;overflow:hidden;margin:10px 0;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.nccp-part h5{clear:both;font-size:14px; margin:10px 10px -5px 10px;line-height:20px;}
.nccp-login-logo{clear:both;height:auto;overflow:hidden;margin:30px 0;text-align:center;line-height:25px;}
.nccp-login-logo img{width:80px;vertical-align:top;}
.nccp-login{clear:both;height:auto;overflow:hidden;padding:0 15px;}
.nccp-login li{position:relative;clear:both;height:auto;overflow:hidden;margin:15px 0;padding-left:35px;background:#FFF;border:1px solid #DDD;border-radius:20px;}
.nccp-login li input{border:0;width:100%;height:40px;overflow:hidden;line-height:20px;font-size:14px;color:#999;vertical-align:middle;}
.nccp-login li .pic{position:absolute;left:8px;top:50%;margin:-10px 0;width:20px;height:20px;background:url(../images/icons.png) no-repeat;background-size:20px;}
.nccp-login li.userID .pic{background-position:0px 0px;}
.nccp-login li.code .pic{background-position:0px -20px;}
.nccp-login li.userID{padding-right:150px;}
.nccp-login li.userID button{position:absolute;right:-1px;top:-1px;display:block;width:120px;height:42px;line-height:42px;text-align:center;font-size:14px;color:#FFF;background:#00A69A;border-radius:0 20px 20px 0;}
.nccp-login li.userID button[disabled]{cursor:not-allowed;background:#6BB;}
.nccp-input-txt{clear:both;height:auto;overflow:hidden;padding:10px;}
.nccp-input-txt textarea{-webkit-appearance:none;outline:0;resize:none;display:block;width:100%;height:50px;margin:0;padding:5px;border:1px solid #DDD;color:#666;font-size:12px;line-height:20px;text-shadow:none;border-radius:5px;box-sizing:border-box;}
/* 预约列表 */
.nccp-item-list{clear:both;height:auto;overflow:hidden;}
.nccp-item-list li{clear:both;height:auto;overflow:hidden;margin:10px 0;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.nccp-item-list li.item-list-off{position: relative;background:#EEE;}
.nccp-item-list li.item-list-off .off-text{z-index:1;position: absolute;top: 10px;right:10px;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 18px;border:3px solid #f00;color: #f00;font-weight: bold;border-radius:50%;opacity: .5;}
.nccp-item-list li.item-list-off .off-text:before{content: "";display: block;position: absolute;top: 50%;left: 0;width: 10px;height: 3px;background: #ddd;}
.nccp-item{clear:both;height:auto;overflow:hidden;margin:0 15px;padding: 5px 0;}
.nccp-item li{position:relative;clear:both;height:auto;overflow:hidden;margin:0;padding:5px 10px 5px 30px;line-height:25px;background:none;border:0;}
.nccp-item li:nth-child(2n){background:none;}
.nccp-item li:last-child{border-bottom:0;}
.nccp-item li i{position: absolute;left: 0;top:5px;width: 25px;height: 25px;background: url("../images/icon-64.png") no-repeat;background-size: 100%;}
.nccp-item li .n1{background-position:0 0;}
.nccp-item li .n2{background-position:0 -25px;}
.nccp-item li .n3{background-position:0 -50px;}
.nccp-item li .n4{background-position:0 -75px;}
.nccp-item li .n5{background-position:0 -100px;}
.nccp-item li.notes i{position: absolute;left: 0;top: 0;}
.nccp-item li label{display:inline-block;}
.nccp-item li span{display:inline-block;}
.nccp-item li .btn-cancel{ z-index:10;cursor:pointer;position:absolute;right:0px;top:10px;margin:0 5px;padding:0px 15px;font-size:14px;line-height:25px;text-decoration:none;color:#FFF;background:#00A69A;border-radius:20px;}
.nccp-item li .btn-edit{ z-index:10;cursor:pointer;position:absolute;right:5px;top:10px;margin:0 65px;padding:0px 15px;font-size:14px;line-height:25px;text-decoration:none;color:#FFF;background:#00A69A;border-radius:20px;}

.nccp-item li .show-all{cursor:pointer;position:absolute;right:0;top:0;color:#6BB;}
.nccp-item li.notes{box-sizing: border-box;height:25px;padding:0 0 0 30px;margin:5px 0;}
.nccp-item li.notes.notes-all{height:auto;padding-right:0;}
.nccp-item li.notes label{float: left;}
.nccp-item li.notes span{display: block;line-height: 25px;}

.nccp-part .nccp-item li{padding:0;}
.nccp-data-tips{clear:both;height:auto;overflow:hidden;margin:10px;line-height:20px;font-size: 12px;color: #777;}
.nccp-data-tips li{clear:both;height:auto;overflow:hidden;}
.nccp-shop-adr{position:relative;clear:both;height:auto;overflow:hidden;margin:10px 0;padding:10px 10px 10px 50px;line-height:25px;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.nccp-shop-adr i{position:absolute;left:10px;top:50%;margin:-15px 0;width:30px;height:30px;background:url(../images/icon50.png) no-repeat;background-size:100%;}

.nccp-yy-top{clear:both;height:auto;overflow:hidden;padding:20px 0px;color:#FFF;background:#00A69A;text-align:center;}
.nccp-yy-top .nccp-yy-name{margin:0 auto;width:80px;height:80px;line-height:80px;text-align:center;background:#4DC1B8;border:3px solid #FFF;border-radius:50%;}
.nccp-yy-top .nccp-yy-txt{position:relative;margin-top:5px;line-height:20px;width:100%;}
.nccp-yy-top .nccp-yy-txt i{display:inline-block;vertical-align:middle;margin-top:-3px;width:20px;height:20px;background:url(../images/icons.png) no-repeat;background-size:100%;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-shop i{background-position:0px -40px;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-change i{background-position:0px -60px;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-change{position:absolute;right:0;top:0;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-change a{color:#FFF;margin-right: 10px;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-beautician i{background-position:0px -60px;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-beautician {position:absolute;left:0px;top:0px;}
.nccp-yy-top .nccp-yy-txt .nccp-yy-beautician a{color:#FFF;text-align:left;}
.nccp-yy-tips{clear:both;padding:5px 10px;text-align:center;line-height:25px;color:#FFF;background:#4dc1b8;}
.data-time-pic{clear:both;height:auto;overflow:hidden;padding:5px;background:#FFF;}
.data-time-pic img{width:100%;}

.nccp-date-txt{clear:both;height:auto;overflow:hidden;margin-top:10px;padding:5px 15px;font-size:12px;line-height:30px;color:#00A69A;background:#FFF;border-top:1px solid #00A69A;border-bottom:1px solid #00A69A;}
.nccp-date-txt time{margin:0 10px;}
.nccp-select-part{position: relative;clear:both;height:25px;overflow:hidden;margin-top:10px;padding:10px 25px 10px 15px;line-height:25px;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.nccp-select-part label{position:absolute;left:10px;top:10px;vertical-align:middle;height:25px;}
.nccp-select-part label.date-wrap{right:10px;}
.nccp-select-part select{padding-right: 10px;outline:none;border:0;width:100%;float:right;vertical-align:middle;height:25px;line-height:25px;color:#666;font-size:14px;text-align:right;background:#FFF;-webkit-appearance:none;-moz-appearance:none;appearance:none;direction: rtl;}
.nccp-select-part input{position: absolute;right: 0;top: 0;outline:none;border:0;vertical-align:middle;height:25px;line-height:25px;color:#666;font-size:14px;text-align:right;background:#FFF;-webkit-appearance:none;-moz-appearance:none;appearance:none;    padding-right: 5px;}
.nccp-arrow-down{display:inline-block;position:absolute;top:50%;right:15px;margin:-9px 0;width:8px;height:8px;border-right:2px solid #ccc;border-bottom:2px solid #ccc;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.nccp-select-date{position: relative;clear:both;height:25px;overflow:hidden;margin-top:10px;padding:10px 5px;line-height:25px;background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;text-align: center;}
.nccp-select-date button{width: 60px;height: 25px;font-size: 14px;color: #666;background: #fff;outline: none;}
.nccp-select-date .btn-day-before{float: left;}
.nccp-select-date .btn-day-after{float: right;}
.nccp-select-date .date{display: inline-block;height: 25px;line-height: 25px;}
.nccp-select-date input{z-index: 10;position: absolute;top: 10px;left: 50%;margin-left: -75px;width: 150px;height:25px;opacity: 0;outline: none;}
.nccp-select-date .nccp-arrow-down{position: absolute;top: 25px;left: 50%;margin-left: 60px;}
  /* 选择日期　时间段 */
.date-time{clear:both;height:auto;overflow:hidden;background:#FFF;border-bottom:1px solid #DDD;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(200,200,200,0);}
.date-time li{cursor:pointer;float:left;margin:3px 0;width:20%;line-height:25px;text-align:center;font-size:12px;font-family:Verdana, Geneva, sans-serif;}
.date-time li.del{color:#DCDCDC;text-decoration:line-through;}
.date-time li.active{background:#00A69A;color:#FFF;}
.date-time li.start{background:#00A69A;color:#FFF;border-radius:20px 0 0 20px;}
.date-time li.end{background:#00A69A;color:#FFF;border-radius:0 20px 20px 0;}


/* 预约记录管理 */
.nccp-manage-list{overflow: hidden;margin-top: 10px;background-color: #fff;border-top: 1px solid #ddd;}
.nccp-manage-list li{float: left;box-sizing: border-box;display: flex;overflow: hidden;padding: 3px;width: 33%;text-align: center;border-bottom: 1px solid #ddd;height: 47px;font-size: 12px;}
.nccp-manage-list li:nth-child(3n-1){width: 34%;}
.nccp-manage-list li p,.nccp-manage-list li span{display: inline-block;height: 18px;line-height: 18px;}
.nccp-manage-list li div{padding: 2px 0;display: flex;flex-direction:column;justify-content:center;flex: 1;}
.nccp-manage-list li div.off{color: #ccc;}
.nccp-manage-list li div.active{background-color: #4f78aa;border-radius: 20px;color: #fff;}
.nccp-manage-list li div.off-active{background-color: #e0e0e0;border-radius: 20px;color: #999;}
.nccp-pop-manage-con{padding: 40px 0 20px;border-bottom: 1px solid #ddd;text-align: center;font-size: 20px;}/* CSS Document */

